<template>
  <div id="app">
        <div class="mui-scroll-wrapper" data-scroll="2" style="margin-top: 48px;">
            <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px); transition-duration: 0ms;">
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell mui-media">
                        <router-link to="/centre" class="mui-navigate-right">
                            <img class="mui-media-object mui-pull-left head-img" id="head-img" src="../assets/duanqi.jpg" style="width: 40px;height: 40px;border-radius: 50%;">
                            <div class="mui-media-body">帅哥
                                <p class="mui-ellipsis">账号:hellomui</p>
                            </div>
                        </router-link>
                    </li>
                </ul>
                
                <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 10px;">
                    <li class="mui-table-view-cell">
                        <router-link to="/wallet"   class="mui-navigate-right"><i class="mui-icon-extra mui-icon-extra-card  iconcolor"></i><span class="span1">钱包</span> </router-link>
                    </li>
                    <li class="mui-table-view-cell">
                        <router-link to="/ZBrecord" class="mui-navigate-right"><i class="mui-icon-extra mui-icon-extra-gold iconcolor"></i><span class="span1">帐变记录</span></router-link>
                    </li>
                    <li class="mui-table-view-cell"> 
                        <router-link to="/GameRecord" class="mui-navigate-right"><i class="mui-icon-extra mui-icon-extra-xiaoshuo iconcolor"></i><span class="span1">游戏记录</span></router-link>
                    </li>
                    <li class="mui-table-view-cell"> 
                        <router-link to="/GameRecord" class="mui-navigate-right"><i class="mui-icon-extra mui-icon-extra-custom iconcolor"></i><span class="span1">联系客服</span></router-link>
                    </li>
                    <li class="mui-table-view-cell">
                        <router-link to="/set" class="mui-navigate-right"><i class="mui-icon mui-icon-gear-filled iconcolor"></i><span class="span1">设置</span></router-link>
                    </li>
                </ul>
                <!-- <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell">
                        <a href="#about" class="mui-navigate-right">关于MUI <i class="mui-pull-right update">V3.1.0</i></a>
                    </li>
                </ul> -->
                <!-- <ul class="mui-table-view">
                    <li class="mui-table-view-cell" style="text-align: center;">
                        <a>退出登录</a>
                    </li>
                </ul> -->
            </div>
        <div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 686px; transform: translate3d(0px, 0px, 0px) translateZ(0px);"></div></div></div>
  </div>
</template>
<script>
export default {
   data() {
      return {

      }
    },
    created(){

    },
    methods:{

    },
    // components(){

    // },  
}
</script>
<style lang="less">
    .span1{
        padding-left: 10px;
        color: #333;
    }
    .iconcolor{
        color: #cc9b26;
    }

</style>
